@charset "utf-8";

/*样式重置*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, dl, dt, dd, table, tr, td, input {margin: 0;padding: 0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;margin: 0;padding: 0;}
img {border:none;}
body {font: 12px/21px Tahoma, Helvetica, Arial, simsun;zoom:1;color:#333;background:#dedbde; }
em {font-style: normal;}
li {list-style:none;}
a {color: #333;text-decoration: none; outline:none;}
a:hover {text-decoration:underline;color:#F00;}
.clear{zoom:1;}
.clear:after{content:"";display:block;clear:both;}
.changeWord { line-height:0;font-size:0; overflow:hidden;}
.indent2 { text-indent:2em;}
.dn {display:none;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.posA {position:absolute;}
.posR {position:relative;}

/*全局样式*/
.m_bg,header div {margin:0 auto;width:960px;}
header {height:100px;
	background: -moz-linear-gradient( top,#424040,#000000);
	background: -webkit-linear-gradient( top,#424040,#000000);
	background: -o-linear-gradient( top,#424040,#000000);
	background: -ms-linear-gradient( top,#424040,#000000);
}
header h1 .logo {float:left;width:410px;height:100px;}
header h1 .logo span,header h1 .logo:hover span {font:bold 36px/100px "Microsoft Yahei","微软雅黑";color: transparent;float:left;
  -ms-text-shadow:0 0 6px #edecf4, -1px -1px  #FFF, 1px -1px  #444;
  -o-text-shadow:0 0 6px #edecf4, -1px -1px  #FFF, 1px -1px  #444;
  -webkit-text-shadow:0 0 6px #edecf4, -1px -1px  #FFF, 1px -1px  #444;
  -moz-text-shadow:0 0 6px #edecf4, -1px -1px  #FFF, 1px -1px  #444;
  text-shadow:0 0 6px #edecf4, -1px -1px  #FFF, 1px -1px  #444;
  -moz-transition:1s linear all;
}
header h1 .logo .logoInfo {margin:20px 0 0 10px;padding:0;height:80px;}
header h1 .logo .logoInfo b {font:bold 14px/80px "Microsoft Yahei","微软雅黑";float:left;width:14px;height:80px;}
header h1 .logo:hover {
	text-shadow:0 0 6px #f0edef, -1px -1px  #f3e3e3;
}
header h1 a:hover {text-decoration:none;}
header h1 .logoInfo {font:14px/20px "微软雅黑","宋体";color:#999;float:left;padding:50px 0 0 10px;}
header div h1 {float:left;}
.main {width:100%;}
.mLeft {width:190px;position:absolute;right:0;top:20px;padding:0 0 53px 15px;background:#fff;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.mlH2 {height:34px;width:73%;font:bold 16px/34px "微软雅黑","宋体";color:#f1f1f1;padding-left:37px;
	-moz-text-shadow: 1px 1px 0 #7e7e7e;
	-ms-text-shadow: 1px 1px 0 #7e7e7e;
	-o-text-shadow: 1px 1px 0 #7e7e7e;
	-webkit-text-shadow: 1px 1px 0 #7e7e7e;
	text-shadow: 1px 1px 0 #7e7e7e;
	background:-moz-linear-gradient( top,#6c6767,#000000);
	background:-o-linear-gradient( top,#6c6767,#000000);
	background:-ms-linear-gradient( top,#6c6767,#000000);
	background:-webkit-linear-gradient( top,#6c6767,#000000);
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

/*aside*/
.mlaUl li {height:24px;width:87%;font:14px/24px "宋体";padding-left:25px;}

.mRight {float:left;margin:20px 190px 5px 0;padding:0 10px;display:inline;width:75%;min-height: 860px;height: auto !important;height: 860px;background:#fff;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.useIcon {padding:15px 15px 10px 0;}

/*index*/
.artList li {width:97%;padding:0 10px 15px;border-bottom:2px solid #ccc;}
.artList .artListLi {border:none;}
.artList li h3 {padding:15px 0 5px;font:bold 22px/30px "微软雅黑","宋体";}
.artList li p {padding-right:10px;font:14px/30px "微软雅黑","宋体";width:99%;}
.artList li .alInfo {padding:0 0 5px;}
.artList li .alInfo span {padding-right:10px;color:#79510b;}
.artList li .alInfo a {color:#f00;padding-right:10px;}
.artList li .alInfo a:hover {text-decoration:none;color:#ff7474;}
.toolBar ul {padding:15px 0 5px;}
.toolBar ul li {border:none;float:left;width:auto;padding:0 20px;}
.toolBar ul .browse {background-position:-206px 4px;}
.toolBar ul .like {background-position:-206px 4px;}
.toolBar ul .share {background:none;}
.toolBar ul .more {float:right;background:none;padding-right:10px;font:bold 16px/24px "微软雅黑","宋体";}
.toolBar ul .more a {text-decoration:underline;}

/*page*/
.m_page ul {padding:10px 0 30px;}
.m_page ul li {height:28px;color:#fff;font:bold 20px/22px "Georgia","Arial";float:left;text-align:center;cursor:pointer;display:inline;margin:0 5px 0 0;}
.m_page ul li a,.m_page ul li strong {color:#fff;display:block;height:100%;padding:0 20px;
	background:-moz-linear-gradient( top,#ccc,#000);
	background:-o-linear-gradient( top,#ccc,#000);
	background:-ms-linear-gradient( top,#ccc,#000);
	background:-webkit-linear-gradient( top,#ccc,#000);
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.m_page ul li strong,.m_page ul li a:hover{text-decoration:none;
	background:-moz-linear-gradient( top,#000,#ccc);
	background:-o-linear-gradient( top,#000,#ccc);
	background:-ms-linear-gradient( top,#000,#ccc);
	background:-webkit-linear-gradient( top,#000,#ccc);
}
.m_page ul .m_pagePrev,.m_page ul .m_pageNext {font:bold 14px/26px "微软雅黑","宋体";}

/*footer*/
footer {text-align:center;padding:15px 0;}

/*article*/
.mrTit h2 {height:70px;font:bold 24px/70px "微软雅黑","宋体";width:100%;text-align:center;}
.mrInfo {text-align:center;}
.mrTag,.mrInfo {height:30px;font:12px/30px "宋体";}
.mrTag {padding-left:15px;width:90%;}
.mrTag {margin-top:30px;padding-bottom:20px;}
.mrTag span,.mrInfo span {color:#99835c;font-weight:bold;}
.mrTag a {padding-right:5px;}
.mRightArticle .mrArticle p {font:16px/30px "宋体";padding:0 15px;}
.mrInfo span {padding-right:5px;}
.mrInfo a {padding-right:10px;}
.syntaxhighlighter {width:100%;}

/*内容评论*/
.discuss {border-top:2px solid #ccc;p}
.discuss h3 {font:bold 18px/30px "微软雅黑","宋体";height:30px;padding:15px 0;border-bottom:1px solid #ccc;}
.discuss dl {border-bottom:1px dashed #ccc;}
.discuss dl dt {padding:10px;float:left;width:10%;height:70px;}
.discuss dl dd {width:85%;float:left;padding:15px 0 0;}
.discuss p {font:12px/16px "宋体";padding:5px 0;}
.discuss div {font:12px/14px "宋体";height:14px;color:#ccc;padding:0 0 5px;}
.discuss div a {color:#ccc;}
.discuss div a:hover {color:#f00;}
.message dl {border:none;}
.message dl dt {padding:20px;width:8%;}
.message dl dd {width:85%;height:100px;}
.message dl dd input {width:84%;border:1px solid #ccc;border-bottom:none;border-right:none;height:28px;line-height:28px;padding:0 80px 0 10px;
	-moz-box-shadow:3px 3px 4px #999;
	-o-box-shadow:3px 3px 4px #999;
	-ms-box-shadow:3px 3px 4px #999;
	-webkit-box-shadow:3px 3px 4px #999;
	box-shadow:3px 3px 4px #999;
}
.message dl dd textarea {width:98%;border:1px solid #ccc;margin:0;resize:none; outline:none;overflow:auto;padding:0;
	-moz-box-shadow:3px 3px 3px #999;
	-o-box-shadow:3px 3px 3px #999;
	-ms-box-shadow:3px 3px 3px #999;
	-webkit-box-shadow:3px 3px 3px #999;
	box-shadow:3px 3px 3px #999;
}
.message dl dd .mSub {display:block;width:13%;height:28px;border:1px solid #ccc;font:bold 14px/24px "微软雅黑","宋体";text-align:center;color:#333;
	top:15px;right:11px;
	background:-moz-linear-gradient( top,#fff,#dcd);
	background:-o-linear-gradient( top,#fff,#dcd);
	background:-ms-linear-gradient( top,#fff,#dcd);
	background:-webkit-linear-gradient( top,#fff,#dcd);
}
.message dl dd .mSub:hover {color:#f00;text-decoration:none;}

/*二维码图*/
.ewm {padding:0 20px 0 0;}

/*头部按钮*/
.hBtnList {float:right;padding:30px 20px 0 0;}
.hBtnList li {float:left;display:inline;height:26px;margin:0 0 0 10px;}
.hBtnList li a {display:block;width:100%;height:100%;font:bold 20px/24px "Georgia","Arial";text-align:center;
	background:-moz-linear-gradient( top,#fff,#a6a6a6);
	background:-o-linear-gradient( top,#fff,#a6a6a6);
	background:-ms-linear-gradient( top,#fff,#a6a6a6);
	background:-webkit-linear-gradient( top,#fff,#a6a6a6);
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.hBtnList li a:hover {color:#333;text-decoration:none;
	background:-moz-linear-gradient( top,#a6a6a6,#fff);
	background:-o-linear-gradient( top,#a6a6a6,#fff);
	background:-ms-linear-gradient( top,#a6a6a6,#fff);
	background:-webkit-linear-gradient( top,#a6a6a6,#fff);
}
.rss {width:60px;}
.collect {width:20px;}
.collect a span:nth-of-type(1) {top:1px;left:3px;
	-webkit-transition:2s ease all;
	-ms-transition:2s ease all;
	-o-transition:2s ease all;
	-moz-transition:2s ease all;
	transition:2s ease all;
}
.collect a:hover span:nth-of-type(1) {
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

/*面包屑导航*/
.seach {width:169px;height:24px;border:1px solid #717171;background:#9a9c9e;padding:2px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.seachArea {width:167px;height:22px;border:1px solid #525353;background:#666667;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.seachArea input {padding:0 30px 0 10px;width:127px;height:22px;border:none;background:none;color:#fff;}
.lsSub {top:3px;right:5px;width:18px;height:18px;}
.lsSub .lsCircle1 {width:14px;height:14px;display:block;background:#fff;top:0;left:0;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
}
.lsSub .lsCircle2 {width:10px;height:10px;display:block;background:#666667;top:2px;left:2px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.lsSub .stick {width:7px;height:3px;display:block;background:#fff;top:11px;left:10px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/*logo动画*/
header h1 .logo:hover b:nth-of-type(1) {
	-moz-animation: 0.5s oTop infinite alternate;
	animation: 0.5s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s infinite;
}
header h1 .logo:hover b:nth-of-type(2) {
	-moz-animation:0.5s 0.05s oTop infinite alternate;
	animation:0.5s 0.05s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.05s infinite;
}
header h1 .logo:hover b:nth-of-type(3) {
	-moz-animation:0.5s 0.1s oTop infinite alternate;
	animation:0.5s 0.1s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.1s infinite;
}
header h1 .logo:hover b:nth-of-type(4) {
	-moz-animation:0.5s 0.15s oTop infinite alternate;
	animation:0.5s 0.15s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.15s infinite;
}
header h1 .logo:hover b:nth-of-type(5) {
	-moz-animation:0.5s 0.2s oTop infinite alternate;
	animation:0.5s 0.2s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.2s infinite;
}
header h1 .logo:hover b:nth-of-type(6) {
	-moz-animation:0.5s 0.25s oTop infinite alternate;
	animation:0.5s 0.25s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.25s infinite;
}
header h1 .logo:hover b:nth-of-type(7) {
	-moz-animation:0.5s 0.3s oTop infinite alternate;
	animation:0.5s 0.3s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.3s infinite;
}
header h1 .logo:hover b:nth-of-type(8) {
	-moz-animation:0.5s 0.35s oTop infinite alternate;
	animation:0.5s 0.35s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.35s infinite;
}
header h1 .logo:hover b:nth-of-type(9) {
	-moz-animation:0.5s 0.4s oTop infinite alternate;
	animation:0.5s 0.4s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.4s infinite;
}
header h1 .logo:hover b:nth-of-type(10) {
	-moz-animation:0.5s 0.45s oTop infinite alternate;
	animation:0.5s 0.45s oTop infinite alternate;
	-webkit-animation:"oTop" 0.5s 0.45s infinite;
}

/*动画*/
/*动画1-logo动画*/
@-webkit-keyframes "oTop" {
	0% {
		margin-top:0;
	}
	100% {
		margin-top:-5px;
	}
}
@-moz-keyframes "oTop" {
	0% {
		margin-top:0;
	}
	100% {
		margin-top:-5px;
	}
}
@keyframes "oTop" {
	0% {
		margin-top:0;
	}
	100% {
		margin-top:-5px;
	}
}